import {
  getList
} from '../../../api/api.js';

Component({
  /**
   * 组件的属性列表,
   * 
   * 
   * 
   */

  options: {styleIsolation: 'apply-shared'},
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    //分页字段
    pageSize:2,
    themaList:[],
    options:{},
    themeId:1,
    //默认图片地址
    defaultImg:'http://i0.hdslb.com/bfs/article/a7d996b9890b0847e58ddf3571e99352117fe5de.gif',
    // 下面的不是我的代码
    tit:'',
    sortIndex:0,
    sortItem:[{
      title: '销量',
    }, {
      title: '新款',
    }, {
      title: '价格',
    }],
    currentPage: 2,
    price:0  //"价格排序0升序/1降序")
  },

  /**
   * 组件的方法列表
   */
  methods: {
     // 改变排序方式
    sortThis:function(e){
        let data = {
          currentPage:1,
          pageSize:10,
          themeId:this.data.themeId,
          // 默认是1按照销量排序
          sort:1
        }
  
  
  
  
      // 获取dom 上面的索引
      let idx = e.currentTarget.dataset.id;
      // 获取上一个排序状态
      let sortIndex = this.data.sortIndex;
      console.log("排序",idx)
  
      if(idx == 0){
         //重复点击发发送请求
         if(sortIndex == 0)return;
         //按照销量
         data.sort  = 1
      }else if (idx == 1) {
        if(sortIndex == 1) return;
        //按照最新款排序
        data.sort = 3
      }else{
        //按照价格排序
        if (idx == 2){
           //如果上一个索引也是2，那么改变价格的排序方式
           data.sort = 2
           if(this.data.price == 0){
               this.setData({
                  price:1
               })
  
               //规定降序
               data.price = 1;
           }else{
             this.setData({
               price:0
             })
             // 升序
             data.price = 0;
           }
        }
         
      }
      
      // 改变索引的值
      // 每次改变排序方式的时候页码也要初始化
      this.setData({
         sortIndex:idx,
         currentPage: 2,
  
      })
  
      //  根据现有的参数去发送请求
      // 目前来说有排序功能的不是主题，只有搜索
      /**
       * * 商品查询对象(SearchObject)
          keyWords;搜索关键字
          merchantId;商家id
          sort;排序:1按销量/2按价格/3按新品
          price;价格排序0升序/1降序
  
        
       * **/ 
         console.log(data);
         this.getSearchList(data); 
  
    },
  
  
    toDetail: function(e) {
      console.log(e.currentTarget.dataset.id)
      wx.navigateTo({
        url: '../goodsDetails/goodsDetails?id=' + e.currentTarget.dataset.id,
      })
    },
  
    //前台index 序号对应后台的排序
    // 只需要调用这个方法就会自动返回后台排序对应的序号
    idxToSort(){
      let idx = this.data.sortIndex;
      let data = 0;
      if (idx == 0) {
        data = 1
      } else if (idx == 1) {
        data = 3
      } else {
        data = 2
      }
      return data;
    },



    // 初始化数据
    initData(){
        this.setData({
          price:0,
          sortIndex:0,
          currentPage:2
        })
    },
  
  
  
     changeLeftBtn(data){
        this.initData();
        // 每次点击左边都会改变主题id
        this.setData({
          themeId:data.themeId
        })

        this.getSearchList(data);  
     },
  
   
     getSearchList(data){
        console.log("搜索");
        //每次点击做左边的时候都要调用这个方法，重新获取数据，
        //然后要初始化数据
        //判断左边的按钮是不是切换了，如果切换了的话那么要
        //初始化数据，如果没有切换的话，那么什么也不做
        

       this.setData({
           searchData:data
       })
        
        getList(data).then(res => {
          console.log(res,"获取列表");
          this.setData({
            themaList: res.data.data.rows,
          })
        })
     },
  
    //  触底事件，分页加载更过
  
     lower() {
        console.log("搜索加载更多")
        // let data = {
        //     currentPage: this.data.currentPage,
        //     pageSize: 10,
        //     // keyWords: this.data.options.title,
        //     price: this.data.price,
  
        // }
        
        // //设置排序方式
        // let sort = this.idxToSort();
        // data.sort = sort;
  
        //获取上次搜索使用的数据
        let data = this.data.searchData;
        data.currentPage = data.currentPage+1;
   
        getList(data).then(res => {
          // 判断数据是不是空
          if (res.data.data.rows.length<1){
             wx.showToast({
               title: '没有更多了哦',
               icon:'none'
             })
  
             return;
          }
          let data = this.data.themaList;
          data = data.concat(res.data.data.rows);
          // 页码加一
          this.setData({
            themaList: data,
            pageSize: ++this.data.currentPage
          })

          console.log(this.data.pageSize,"当前页码")

        })
  
      }
  
  
  },


  lifetimes: {
    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
    attached: function () {
        console.log("组件生命周期attached");
        // let data = {
        //   currentPage: 1,
        //   pageSize: 10,
        //   themeId:1,
        //   // 默认是1按照销量排序
        //   sort: 1,
        // }
        // this.getSearchList(data); 
     },
    moved: function () { },
    detached: function () { },
  },
  
})
